muse-ui上手 图标不显示问题

Author Avatar
朱嘉伟 12月 03, 2016

muse-ui是我很喜欢的ui,其原生般的移动动效,和基于vue 2.0,还是很受欢迎的。

正好我在学vue,刚好拿muse-ui练手。

遇到了图标不显示的问题,发现是谷歌字体和meterial图标库的问题,被墙了。

官网演示效果:

3

上手效果:

2

由于字体图标被墙,左右两边的图标都没显示。

解决:

我调试后的解决方法是,在style中@import了字体和图标的cdn库:

@import '//fonts.useso.com/css?family=Roboto:300,400,500,700,400italic';

@import 'http://cdn.bootcss.com/material-design-icons/3.0.1/iconfont/material-icons.css';

在github上向作者提交issue,作者给的方案是:

实际项目中可以下载下来直接放在项目中使用。

*icons 下载地址

*roboto font 下载地址 需要翻墙

4

发现群里有人问这个的问题,就记录下来了~